<?php
error_reporting(1);
require_once 'library/fungsi.lib.php';


// session
session_start();
$sess_id = session_id();

!isset($_GET["opr"]) ? $_GET["opr"] = "home" : null;
$ids = !isset($_GET["id"]) ? null : " - " . get_produk_name_from_seo($_GET["id"]);
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="robots" content="index, follow" />
        <meta name="description" content="<?php echo description; ?>" />
        <meta name="keywords" content="<?php echo keywords; ?>" />
        <title><?php echo title . $ids; ?></title>
        <link href="<?php echo URLHOST; ?>asset/img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo URLHOST; ?>asset/css/reset.css">
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo URLHOST; ?>asset/css/style.css">
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo URLHOST; ?>asset/css/slider.css">
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo URLHOST; ?>asset/css/skin.css">
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo URLHOST; ?>asset/css/jquery.fancybox-1.3.4.css">
        <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'>
        <script src="<?php echo URLHOST; ?>asset/js/jquery-1.7.min.js"></script>
        <script src="<?php echo URLHOST; ?>asset/js/jquery.mousewheel-3.0.4.pack.js"></script>
        <script src="<?php echo URLHOST; ?>asset/js/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="<?php echo URLHOST; ?>asset/js/jquery.easing.1.3.js"></script>
        <script src="<?php echo URLHOST; ?>asset/js/tms-0.4.1.js"></script>
        <script src="<?php echo URLHOST; ?>asset/js/jquery.jcarousel.min.js"></script>
        <script>
            $(document).ready(function(){
                $('.slider')._TMS({
                    show:0,
                    pauseOnHover:false,
                    prevBu:false,
                    nextBu:false,
                    playBu:false,
                    duration:700,
                    preset:'fade',
                    pagination:'.pags',
                    pagNums:false,
                    slideshow:7000,
                    numStatus:false,
                    banners:false,// fromLeft, fromRight, fromTop, fromBottom
                    waitBannerAnimation:false,
                    progressBar:false
                })
                jQuery('#mycarousel').jcarousel({
                    horisontal: true,
                    wrap:'circular',
                    scroll:1,
                    easing:'easeInOutBack',
                    animation:1200
                });
                $("a[rel=gallery]").fancybox({
                    'transitionIn'		: 'none',
                    'transitionOut'		: 'none',
                    'titlePosition' 	: 'over',
                    'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
                        return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                    }
                });
                
            });
        </script>
    </head>
    <body>
        <!--==============================header=================================-->
        <div class="nav">
            <nav>  		
                <div id="menux">
                    <ul class="menu">
                        <li><a href="<?php echo URLHOST; ?>">Home</a></li>
                        <li><a href="<?php echo URLHOST; ?>about.php">About</a></li>
                        <li class="current"><a href="<?php echo URLHOST; ?>portfolio.php">Portfolio</a></li>
                        <li><a href="<?php echo URLHOST; ?>services.php">Services</a></li>
                        <li><a href="<?php echo URLHOST; ?>news.php">News</a></li>
                        <li><a href="<?php echo URLHOST; ?>contacts.php">Contacts</a></li>					
                    </ul>
                </div>
            </nav>
            <div class="header">    	
                <div id="slide">		
                    <div class="slider">
                        <ul class="items">
                   			 <li><img src="<?php echo URLHOST; ?>asset/img/portopolio.jpg" alt=""></li>                   
                		</ul>
                </div>
            </div>
        </div>   
        <!--==============================content================================-->
        <section id="content"><div class="ic"></div>
            <div class="page3-row1 pad-2 tabs">
                <div class="col-8">
                    <h3 class="h3 p2">Kategori</h3>
                    <ul class="list-1">
                        <?php
                        load_kategori()
                        ?>
                    </ul>
                </div>
                <div class="col-9">
                    <h3 class="h3-2">Design</h3>
                    <div id="tab-1" class="tab-content gallery-photo">
                        <div class="inner">
                            <ul id="mycarousel-1" class="jcarousel-skin-tango">
                                <?php
                                load_portofolio_semua();
                                ?>
                            </ul>
                        </div>
                    </div>
                </div>  

            </div>      
        </div>
    </section> 
    <!--==============================footer=================================-->
    <footer>
        <?php echo FOOTER ?>
        <div class="soc-icons">
            <a href="#"><img src="<?php echo URLHOST; ?>asset/img/icon-1.png" alt="Twitter"></a>
             <a href="#" target="_blank" rel="dofollow" onclick="window.open('https://www.facebook.com/wasis.oks'); return false;">
						<img src="<?php echo URLHOST; ?>asset/img/icon-2.png" alt="Facebook"></a>
            <a href="#"><img src="<?php echo URLHOST; ?>asset/img/icon-3.png" alt="Linkedin"></a>
        </div>
    </footer>	           
</body>
</html>